{% extends "global/Page.html" %}
{{ block title }}

{{ endblock }}


{{ block content }}
<style>
    label.btn.btn-default.btn-secondary.active {
        background: yellow;
        color: black;
    }

</style>
<script src="{{ static 'global/js/survey.jquery.min.js'}}"></script>
<script src="{{ static 'global/js/showdown.min.js'}}"></script>

<div id="surveyElement" style="display:inline-block;width:100%;"></div>
<div id="surveyResult"></div>
<input type="hidden" id="surveyholder" name="surveyholder">
<script>
    Survey.defaultBootstrapCss.navigationButton = "btn-primary btn-lg";
    Survey
        .StylesManager
        .applyTheme("bootstrap");

    var json = {showCompletedPage:false,
        questions: [
            {
                hideNumber: true,
                "type": "matrixdropdown",
                "name": "risk_attitudes",
                "title": "Укажите, пожалуйста, насколько вы готовы идти на риск?",

                "columns": [
                    {
                        name: "risk_attitudes",
                        title: 'Для ответа выберите значение по шкале от 0 до 10, где 0 означает, что вы "совсем не готовы рисковать", а 10 означает, что вы "очень готовы рисковать.',
                        cellType: "rating",
                        "rateMin": 0,
                        "rateMax": 10,
                        isRequired: true,
                    requiredErrorText: {{Constants.REQUIRED_MSG|json}},
                    },
                ],
                "rows": [
                    {value: "risk_general", text: 'В целом'},
                    {value: "risk_financial_matters", text: 'В финансовых вопросах'},
                    {value: "risk_free", text: 'В свободное время и во время занятий спортом'},
                    {value: "risk_profession", text: 'В вашей профессии'},
                    {value: "risk_health", text: 'В том что касается вашего здоровья'},
                    {value: "risk_strangers", text: 'В отношениях с незнакомыми людьми'},
                    {value: "risk_driving", text: 'Во время езды за рулем'},

                ]
            }
        ],
        "completeText": {{Constants.NEXT_BTN|json}}
    };

    window.survey = new Survey.Model(json);

    survey
        .onComplete
        .add(function (sender) {
            document
            $('#surveyholder').val(JSON.stringify(sender.data, null, 3))
            $('#form').submit()
            ;
        });

    $("#surveyElement").Survey({model: survey});
    ;
</script>


{{ endblock }}
